<extend name="_Layout/mainfour"/>

<block name="style">
    <style>
        .lbw_nav{
            margin-bottom:0px !important;
            background: #FEEEBD url('__HOME_IMG__/User/ui-bg_highlight-soft_100_feeebd_1x100.png') repeat-x;
            border-bottom: 2px solid #8E846B;
        }
        .lbw_logo_nav{
            padding: 8px 8px !important;
        }
        .navbar .nav > li .dropdown-menu {
            margin: 0;
        }
        .navbar .nav > li:hover .dropdown-menu {
            display: block;
        }
        .lbw_icon_public{
            display: inline-block;
            height: 16px;
            line-height: 16px;
            padding: 0px;
            padding-left: 20px;
        }
        .lbw_desktop{
            background: url('__HOME_IMG__/User/desktop.png') no-repeat;
        }
        .lbw_group{
            background: url('__HOME_IMG__/User/group.png') no-repeat;
        }
        .lbw_mypage{
            background: url('__HOME_IMG__/User/user.png') no-repeat;
        }
        .lbw_mavro{
            background: url('__HOME_IMG__/User/mavro.png') no-repeat;
        }
        .lbw_money{
            background: url('__HOME_IMG__/User/money.png') no-repeat;
        }
        .lbw_ticket{
            background: url('__HOME_IMG__/User/ticket.png') no-repeat;
        }
        .lbw_info{
            background: url('__HOME_IMG__/User/info.png') no-repeat;
        }
        .lbw_exit{
            background: url('__HOME_IMG__/User/exit.png') no-repeat;
        }
        .lbw_news{
            background: url('__HOME_IMG__/User/news.png') no-repeat;
        }
        .lbw_center_img{
            margin: 0px auto !important;
            max-width: 82% !important;
        }
        .lbw_center_body{
            margin-top: 50px;
            position: absolute;
            overflow: hidden;
            background: #FEEEBD url('__HOME_IMG__/User/ui-bg_highlight-soft_100_feeebd_1x100.png') repeat-x;
            border: 2px solid #8E846B;
            height: 100%;
        }
        .lbw_center{
            text-align: center !important;
        }
        .lbw_put_help{
            color: #416AA3;
            cursor: pointer;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 1px 2px 3px #FFFFFF;
            margin-bottom: 8px;
            padding: 10px 0px 10px 50px;
            min-height: 50px;
            border-collapse: separate;
            border-spacing: 2px;
            margin-right: 10px;
            border-color: grey;
            border: 1px solid;
            border-radius:10px;
            -webkit-box-shadow: 0px 1px 3px rgba(153,070,153,0.5),inset 0px 0px 2px rgba(255,255,255,1);
            background: linear-gradient(to bottom,rgba(197,253,98,1) 0%,rgba(201,253,119,1) 47%,rgba(168,234,63,1) 63%,rgba(164,228,50,1) 100%);
        }
        .lbw_button_right{
            color: #416AA3;
            cursor: pointer;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 1px 2px 3px #FFFFFF;
            margin-bottom: 8px;
            padding: 10px 0px 10px 50px;
            min-height: 50px;
            margin-left: 10px;
            border-collapse: separate;
            border-spacing: 2px;
            border-color: grey;
            border: 1px solid;
            border-radius:10px;
            -webkit-box-shadow: 0px 1px 3px rgba(153,070,153,0.5),inset 0px 0px 2px rgba(255,255,255,1);
            background: linear-gradient(to bottom,rgba(252,234,187,1) 0%,rgba(252,205,77,1) 46%,rgba(248,181,0,1) 60%,rgba(251,223,147,1) 100%);
        }
        .lbw_translate{
            color: #416AA3;
            cursor: pointer;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            text-shadow: 1px 2px 3px #FFFFFF;
        }
        .lbw_translate_small{
            font-size: 12px !important;
            font-style: normal !important;
        }
        .lbw_user_info_body{
            font-family: Arial,Helvetica,sans-serif;
            margin-top: 1px;
            margin-bottom: 8px;
            font-size: 14px;
            color: #050505;
            padding: 4px 10px;
            border-color: grey;
            border: 1px solid;
            border-radius:10px;
            background: linear-gradient(to bottom,#e0f7bb 1%,#b7f751 100%);
            -webkit-box-shadow: 0px 1px 3px rgba(153,070,153,0.5),inset 0px 0px 2px rgba(255,255,255,1);
            text-shadow: 0px -1px 0px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,1);
        }
        .lbw_order_button{
            background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(241,241,241,1) 43%,rgba(225,225,225,1) 56%,rgba(246,246,246,1) 100%);
            color: #666666;
            font-family: Arial,Helvetica,sans-serif;
            margin-bottom: 8px;
            font-size: 14px;
            border-color: grey;
            border: 1px solid;
            border-radius:10px;
            padding: 4px 10px;
            -webkit-box-shadow: 0px 1px 3px rgba(153,070,153,0.5),inset 0px 0px 2px rgba(255,255,255,1);
        }
        .lbw_order_an{
            padding: 2px 6px 1px;
            background: #fff;
            border: 1px solid #999;
            border-radius: 6px;
            cursor: pointer;
            font-size: 10px;
            text-decoration: none;
            color: #0645AD;
        }
        .lbw_mx_cny{
            font-size: 20px;
            color: #0238d9;
            font-weight: bold;
            text-align: center;
            width: 160px;
        }
        .lbw_mx_font{
            font-size: 16px;
            font-weight: bold;
            white-space: nowrap
        }
        .lbw_mx_name{
            font-size: 14px;
            font-weight: bold;
            text-align: right;
        }
        .arrg_msg span {
            padding: 2px 6px 1px;
            background: #E2E2E2;
            border: 1px solid #999;
            border-radius: 6px;
            cursor: pointer;
            font-size: 10px;
            color: #666;}
        .arrg_msg span:hover, .arrg_msg span:active {
            background: #C9C9C9;
        }
        .lbw_hidden_button{
            color: #444;
            background: url('__HOME_IMG__/User/ui-bg_gloss-wave_60_fece2f_500x100.png') repeat-x 50% 50%;
            font-size: 12px;
            text-decoration: none;
            display: inline-block;
            zoom: 1;
            height: 24px;
            cursor: pointer;
            outline: none;
            border-radius: 8px;
            border: 1px solid #D19405;
            padding: 5px 5px 5px 5px;
        }
        .lbw_order_button_left_one{
            display: inline-block;
            padding: 0px;
            width: 16px;
            background: url('__HOME_IMG__/User/ui-icons_ed9f26_256x240.png') no-repeat -80px -160px;
            font-size: 12px;
            white-space: nowrap;
        }
        .lbw_next_page{
            background: url('/./Application/Home/View/china/_Resource/img/User/ui-bg_gloss-wave_60_fece2f_500x100.png') repeat-x 50% 50%;
            color: #000000 !important;
            border-color: grey !important;
        }
        .lbw_windows_border{
            font-size: 12px;
            overflow: hidden;
            background: transparent url('__HOME_IMG__/User/ui-bg_gloss-wave_45_817865_500x100.png') repeat 0 -40px;
            padding: 5px;
            border: 1px solid #8E846B;
            border-radius: 5px;
        }
        .lbw_windows_body{
            background: #FEEEBD url('__HOME_IMG__/User/ui-bg_highlight-soft_100_feeebd_1x100.png') repeat-x;
            border-top-width: 0px;
        }
    </style>
</block>

<block name="center">
<nav class="navbar navbar-default lbw_nav navbar-fixed-top">
    <div class="container-fluid">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand lbw_logo_nav" href="#"><img src="__HOME_IMG__/User/mmm.png" /></a>
        </div>

        <!-- Collect the User links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="{:U('Home/User/center')}"><span class="lbw_desktop lbw_icon_public">桌面</span><span class="sr-only">(current)</span></a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="lbw_group lbw_icon_public">
                            参加者
                        </span>
                        <b class="caret"></b>
                    </a>
                    <ul class="dropdown-menu">
                        <li><a href="#"><span class="lbw_group lbw_icon_public">委托人</span></a></li>
                        <li><a href="#"><span class="lbw_group lbw_icon_public">推荐人</span></a></li>
                        <li><a data-toggle="modal" data-target=".lbw_tk" href="#"><span class="lbw_group lbw_icon_public">推广链接</span></a></li>
                    </ul>
                </li>
                <li><a href="#"><span class="lbw_mypage lbw_icon_public">我的页面</span></a></li>
                <li><a href="#"><span class="lbw_mavro lbw_icon_public">马夫罗</span></a></li>
                <li><a href="#"><span class="lbw_money lbw_icon_public">账户</span></a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#"><span class="lbw_ticket lbw_icon_public">反馈</span></a></li>
                <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <span class="lbw_info lbw_icon_public">
                            信息
                        </span>
                            <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="#"><span class="lbw_info lbw_icon_public">网站公告</span></a></li>
                            <li><a href="#"><span class="lbw_news lbw_icon_public">新闻</span></a></li>
                        </ul>
                    </li>
            <li><a href="{:U('Home/User/logout')}"><span class="lbw_exit lbw_icon_public"> {$__USER__.username} | 退出</span></a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
    <div class="container-fluid lbw_center_body">
            <div class="row-fluid">
                <div class="col-md-12" style=" margin: 0 auto 20px auto;"><img class="img-responsive lbw_center_img" alt="Responsive image" src="__HOME_IMG__/User/1.png" /> </div>
                <div class="col-md-12" style=" margin: 0 auto 20px auto;"><img class="img-responsive lbw_center_img" alt="Responsive image" src="__HOME_IMG__/User/2.png" /> </div>
                <div class="col-md-12" style=" margin: 0 auto 20px auto;"><img class="img-responsive lbw_center_img" alt="Responsive image" src="__HOME_IMG__/User/3.png" /> </div>
                <div class="col-md-12 " style=" margin: 0 auto 20px auto;">
                    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tbody><tr>
                           <td width="50%">
                               <a data-toggle="modal" style="text-decoration: none;" data-target=".lbw_gethelp" href="#">
                                <div class="lbw_put_help">
                                    <div>
                                        <span class="lbw_translate">提供帮助</span><br>
                                        <i class="lbw_translate lbw_translate_small">“买入“马夫罗</i>
                                    </div>
                                </div>
                               </a>
                            </td>
                            <td width="50%">
                                <div class="lbw_button_right">
                                    <div>
                                        <span class="lbw_translate">得到帮助</span><br>
                                        <i class="lbw_translate lbw_translate_small">"卖出"马夫罗</i>
                                    </div>
                                </div>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2">
                                <span id="dyn_desktop_3"></span>
                            </td>
                        </tr>
                        </tbody></table>

                    <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0">
                        <tr>
                        <td width="698" valign="top">
                            <div style="padding-right: 8px;">
                                <div class="lbw_user_info_body" style="cursor: pointer;">
                                <table width="100%" border="0" cellspacing="2" cellpadding="2" class="arrg_tbarrg">
                                    <tbody>
                                    <volist name="lbwlist" id="lbw">
                                    <tr>
                                        <td width="36" rowspan="2" class="lbw_mx_font">
                                            <img src="__HOME_IMG__/User/ok.png" width="36" height="36" class="arrg_status_img"><br>
                                            <span class="arrg_sm10">
                                                <span class="translate">订单号码</span>:
                                                <br>
                                            </span>
                                            <span class="arrg_id">{$lbw.lbw_order_pipei}</span>
                                        </td>
                                        <td class="arrg_status_name">收款人确认收到 (援助申请Z35308431007)</td>
                                        <td class="arrg_wait"></td>
                                        <td class="arrg_msg" style="width:120px;"><span>信息: 0</span></td>
                                    </tr>
                                    <tr>
                                        <td colspan="3">
                                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                <tbody>
                                                <tr>
                                                    <td class="lbw_mx_font"><span class="arrg_sm10"><span class="translate">创建日期</span>:<br></span><span class="arrg_date">2016-04-05</span></td>
                                                    <td class="arrg_name1">
                                                        <span class="lbw_mx_name">您</span>
                                                    </td>
                                                    <td align="center" class="arrg_summ">
                                                        <span class="arrg_summ_in">&gt;</span> &nbsp; <span class="lbw_mx_cny">50 CNY</span> &nbsp; <span class="arrg_summ_out">&gt;</span>
                                                        <div class="arrg_out_files" style="">
                                                            <span class="files"><span class="translate">确认</span>:</span>
                                                            <a href="https://f.mmm-office.com/201604/06/08/34035159382u_701150442915401551.jpg" target="_blank" class="_screens"><img src="__HOME_IMG__/User/jpg.png"></a></div>
                                                    </td>
                                                    <td class="arrg_name2">
                                                        <span class="lbw_mx_name"> 明昆</span>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="5" style="text-align:right;padding-top:5px;">
                                                        <a class="btn btn-primary lbw_order_an translate" data-toggle="modal" data-target=".lbw_one_button">查看更多&gt;&gt;</a>
                                                    </td>
                                                </tr>
                                                <!--模态框-->
                                                <div class="modal fade bs-example-modal-lg lbw_one_button" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                                    <div class="modal-dialog modal-lg">
                                                        <div class="modal-content lbw_windows_border">
                                                            <div class="modal-header lbw_windows_body">
                                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                                <h4 class="modal-title">订单详情</h4>
                                                            </div>
                                                            <div class="modal-body lbw_windows_body">
                                                                ...
                                                            </div>
                                                            <div class="modal-footer lbw_windows_body">
                                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                                            </div>
                                                        </div>
                                                        </div>
                                                    </div>
                                                </tbody>
                                                </table>
                                        </td>
                                        <tr>
                                        </tr>
                                        </volist>
                                    </tbody>
                                    </table>
                                </div>
                                                <!--The end-->
                                <!-- 模态框 -->
                                <div class="modal fade bs-example-modal-lg lbw_tk" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
                                    <div class="modal-dialog modal-lg">
                                        <div class="modal-content lbw_windows_border">
                                            <div class="modal-header lbw_windows_body">
                                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                                <h4 class="modal-title" >订单详情</h4>
                                            </div>
                                            <div class="modal-body lbw_windows_body">
                                                <div class="col-lg-8">
                                                    <span>小提示:点击弹出框复制成功,才算复制成功了哦！一般点两下复制就会弹出!</span>
                                                    <div class="input-group">
                                                        <input id="lbwcopybutton" type="text" class="form-control" readonly="readonly" value="<?php echo $_SERVER['HTTP_HOST']; ?>/index.php?m=home&c=user&a=register&uid=<?php echo base64_encode($user_username);?>&lbwname=<?php echo base64_encode($user_id);?>" />
                                                         <span class="input-group-btn">
                                                         <a href="#" onclick="copyLink()" id="copy_input" class="btn btn-default">复制链接</a>
                                                        </span>
                                                    </div><!-- /input-group -->
                                                </div>
                                            </div>
                                            <div class="modal-footer lbw_windows_body">
                                                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                </div>
                                <!-- The end-->
                                <!--提供帮助模态框-->
                            <div class="modal fade bs-example-modal-lg lbw_gethelp" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myLargeModalLabel">
                                <div class="modal-dialog modal-lg">
                                    <div class="modal-content lbw_windows_border">
                                        <div class="modal-header lbw_windows_body">
                                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                                            <h4 class="modal-title" id="myLargeModalLabel">订单详情</h4>
                                        </div>
                                        <div class="modal-body lbw_windows_body">
                                            <div class="col-md-12">
                                            <form action="{:U('Home/User/getHelp')}" method="post" class="form-inline">
                                                <div class="col-md-10">
                                                <div class="form-group">
                                                    <div class="input-group">
                                                        <div class="input-group-addon">¥</div>
                                                        <input type="text" class="form-control" id="exampleInputAmount" name="money_total" placeholder="请输入整数金额">
                                                        <div class="input-group-addon">元(输入金额必须为10的倍数)最低金额为:10元)</div>
                                                    </div>
                                                </div>
                                                </div>
                                                <div class="col-md-5">
                                                <div class="form-group">
                                                    <div class="input-group">
                                                        <div class="input-group-addon">支付方式</div>
                                                        <select class="form-control" id="payff" name="">
                                                            <option value="0">请选择</option>
                                                            <option value="1">支付宝转账</option>
                                                            <option value="2">银行卡转账</option>
                                                        </select>
                                                    </div>
                                                </div>
                                                </div>
                                                <div class="col-md-10">
                                                    <div class="form-group">
                                                        <div class="input-group">
                                                            <div id="payFFName" class="input-group-addon"></div>
                                                                <input id="payNumber" name="bank_number" type="text" class="form-control" value="" readonly="readonly">
                                                                <input name="bank_name" type="hidden" value="" readonly="readonly">
                                                        </div>
                                                    </div>
                                                </div>
                                        </div>
                                    </div>
                                        <div class="modal-footer lbw_windows_body">
                                            <button type="submit" class="btn btn-default">提交匹配</button>
                                        </div>
                                        </form>
                                    </div>
                                </div>
                            </div>
                                <!--The end-->

                                                </tbody></table>
                                        </td>
                                    </tr>
                                    </tbody></table>
                            </div>
                                <div style="margin-right: 8px; margin-bottom: 8px; float: right;" attr="clone"><nobr><a class="lbw_hidden_button" href="#" onclick="hideExpiredArrangements();"><span><span>隐藏执行/取消订单</span></span></a></nobr></div></div>
                           <!--分页-->
        <nav>
            <ul class="pagination">
                <li>
                    <a class="lbw_next_page" href="#" aria-label="Previous">
                        <span aria-hidden="true">&laquo;</span>
                    </a>
                </li>
                <li><a class="lbw_next_page" href="#">1</a></li>
                <li><a class="lbw_next_page" href="#">2</a></li>
                <li><a class="lbw_next_page" href="#">3</a></li>
                <li><a class="lbw_next_page" href="#">4</a></li>
                <li><a class="lbw_next_page" href="#">5</a></li>
                <li>
                    <a class="lbw_next_page" href="#" aria-label="Next">
                        <span aria-hidden="true">&raquo;</span>
                    </a>
                </li>
            </ul>
        </nav>
                        </td>
                    </tr>
                </div>
            </div>
    </div>
<script>
    $("#payff").change(function() {
       var payFf=$(this).val();
        switch (payFf) {
            case ("1"):
                $("#payFFName").text("支付宝账号");
                $("#payNumber").val("790926165@qq.com");
                break;
            case ("2"):
                $("#payFFName").text("银行卡卡号");
                $("#payNumber").val("6222021810003922730");
                break;
            default:
                $("#payFFName").text("请选择支付方式");
        }
    });
</script>
</block>
